.container{
    min-height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    background-color: rgba(51,65,78,1);
}
.login-wrapper{
    min-width: 30vw;
    margin-top: 2vw;
    padding: 3vh 3vw;
    display: flex;
    flex-direction: column;
    /* tmp*/
    /*background-color: red;*/

}

.login-log{
    font-size: 2rem;
    font-style: oblique;
    color: rgba(242,240,239,1);
    text-align: center;
    margin-bottom: 3vh;
    /* tmp */
    /*background-color: red;*/
}
.login-body{
    box-sizing: border-box;
    border-radius: 0.4rem;
    padding: 5% 9%;
    background-color: rgba(255,255,255,0.1);
}

.login-title{
    font-size: 1.2rem;
    color: rgba(242,240,239,1);
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 3vh;
}
.login-form{
    width: 100%;
}

.login-form input{
    width: 100%;
    padding-left: 1vw;
    min-height: 3.5rem;
    margin-bottom: 3vh;
    border: 0;
    border-radius: 0.3rem;
    background-color: #3a434b;
    color: #fff;
}

.login-form>input:last-child{
    width: 100%;
    height: 1rem !important;
    background-color: #3fbae4;
    margin-bottom: 0;
    box-shadow: 0.1rem 0.1rem 0.1rem #3fbae3;

}

.login-error{
    margin-bottom: .8rem;
    padding: 0.3rem .6rem;
    background-color:  #ffebeb;
    color: #e4393c;
    border: solid .1rem #faccc6;
}
